<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <link href="../css/mui.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="../css/style.css"/>
</head>
<body>
	<!-- 主界面菜单同时移动 -->
  <!-- 侧滑导航根容器 -->
  <div class="mui-off-canvas-wrap mui-draggable">
    <!-- 主页面容器 -->
    <div class="mui-inner-wrap">
      <!-- 主页面标题 -->
      <header class="mui-bar mui-bar-nav">
        <a id="goBack" class="mui-icon mui-icon-arrowleft mui-icon-bars mui-pull-left"></a>
        <h1 class="mui-title">网上预投保</h1>
      </header>
      <!-- 主页面内容容器 -->
      <div class="mui-content mui-scroll-wrapper">
        <div class="mui-scroll">
          <!-- 主界面具体展示内容 -->
          <ul class="mui-table-view mgt20">
				    <li class="mui-table-view-cell">
				    	<span class="cell-left">员工名称</span>
				      <span class="cell-right"><input type="text" class="" placeholder="请输入用户名"></span>
				    </li>
				    <li class="mui-table-view-cell">
				    	<span class="cell-left">员工号</span>
				      <span class="cell-right"><input type="text" class="" placeholder="请输入员工号"></span>
				    </li>
				    <li class="mui-table-view-cell">
				    	<span class="cell-left">手机号</span>
				      <span class="cell-right">
				      	<input type="number" class="" placeholder="请输入手机号" maxlength="11">
				      	<span class="getIdentifyCode">获取验证码</span>
				      </span>
				    </li>
				    <li class="mui-table-view-cell">
				    	<span class="cell-left">验证码</span>
				      <span class="cell-right"><input type="text" class="" placeholder="请输入验证码"></span>
				    </li>
					</ul>
					<div class="mui-text-center bottom-button mgt30">
						<button type="button" id="search" class="mui-btn mui-btn-outlined onlyOne">查询</button>
					</div>
        </div>
      </div>
   	 <div class="mui-off-canvas-backdrop"></div>
    </div>
  </div>
</body>
<script src="../js/mui.js"></script>
<script type="text/javascript">
	mui.init();
	mui.ready(function () {
		var options = {
			scrollY: true, //是否竖向滚动
			scrollX: false, //是否横向滚动
			startX: 0, //初始化时滚动至x
			startY: 0, //初始化时滚动至y
			indicators: true, //是否显示滚动条
			deceleration:0.0006, //阻尼系数,系数越小滑动越灵敏
			bounce: true //是否启用回弹
		}
  	mui('.mui-scroll-wrapper').scroll(options);
  	
  	document.getElementById('search').addEventListener('tap', function () {
  		mui.openWindow({
	  		url: 'insureInfo.html',
	  		id: 'insureInfo'
	  	})
  	})
  	document.getElementById('goBack').addEventListener('tap', function () {
			window.history.go(-1)
		})
  	
	})
</script>
</html>